﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

    <head>

        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Gimnasio Extremo</title>
        <link href="resources/js/style.css" rel="stylesheet" type="text/css" media="screen" />
        <script type="text/javascript" src="resources/js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="resources/js/jquery.gallerax-0.2.js"></script>
        <style type="text/css">
            @import "resources/js/gallery.css";

        </style>
    </head>
    <body>

        <div id="wrapper">
            <div id="header">
                <div id="logo">

                    <h1>Gimnasio Extremo</h1>
                    <p> Software </p>
                </div>


            </div>

            <!-- end #menu -->
            <div id="page">
                <div id="page-bgtop">
                    <div id="page-bgbtm">
                        <div id="content">
                            <div id="gallery-wrapper">
                                <div id="gallery"> <img class="output" src="resources/images/img04.jpg" alt="" />
                                    <div id="thumbnail-bg">
                                        <ul class="thumbnails">
                                            <li><img class="active" src="resources/images/img04.jpg" title="Monument Valley" alt="" width="604" height="375" onmouseover="this.style.opacity = 1;
                                                    this.filters.alpha.opacity = 100"
                                                     onmouseout="this.style.opacity = 0.4;
                                                             this.filters.alpha.opacity = 70" /></li>
                                            <li><img src="resources/images/img05.jpg" title="Honey Bee" alt="" width="100" height="75"  onmouseover="this.style.opacity = 1;
                                                    this.filters.alpha.opacity = 100"
                                                     onmouseout="this.style.opacity = 0.4;
                                                             this.filters.alpha.opacity = 70" /></li>
                                            <li><img src="resources/images/img06.jpg" title="Cup of Coffee" alt="" width="100" height="75"  onmouseover="this.style.opacity = 1;
                                                    this.filters.alpha.opacity = 100"
                                                     onmouseout="this.style.opacity = 0.4;
                                                             this.filters.alpha.opacity = 70" /></li>
                                            <li><img src="resources/images/img07.jpg" title="Grand Tetons" alt="" width="100" height="75"  onmouseover="this.style.opacity = 1;
                                                    this.filters.alpha.opacity = 100"
                                                     onmouseout="this.style.opacity = 0.4;
                                                             this.filters.alpha.opacity = 70" /></li>
                                        </ul>
                                    </div>
                                    <br class="clear" />
                                </div>
                                <script type="text/javascript">

                                    $('#gallery').gallerax({
                                        outputSelector: '.output', // Output selector
                                        thumbnailsSelector: '.thumbnails li img', // Thumbnails selector
                                        captionSelector: '.caption'					// Caption selector
                                    });

                                </script>
                                <!-- end -->
                            </div>
                            <div class="post">
                                <h2 class="title"><a href="#">Bienvenidos a la página oficial</a></h2>
                                <p class="meta"><span class="date">Julio 03, 2014</span><span class="posted">Cuida tu mente mejora tu cuerpo</span></p>
                                <div style="clear: both;">&nbsp;</div>
                                <div class="entry">
                                    <p>Gym Extremo  <strong>es diseñado para </strong>servir de guía a los clientes y usuarios, dando a conocer  la información y ubicación de las diferentes rutinas, clases , instructores, ventas entre otros, con el fin de suplir todas las necesidades y eliminar falencias del Gimnasio siendo fácil la manipulación y gestión de este.</p>
                                    <p>Con esta herramienta tecnologíca ágil y práctica se facilitará la forma en la cual se realiza el recorrido por las diferentes partes de exhibición y se suministrará la información necesaria para ilustrar cada uno de los conceptos tratados en el Gym, obteniendo así un sistema de consulta amigable con los usuarios.</p>

                                </div>
                            </div>
                            <div class="post">
                                <h2 class="title"><a href="#">Gimnasio Extremo Sede Robledo</a></h2>
                                <p class="meta"><span class="date">Octubre 03 2011 </p>
                                <div style="clear: both;">&nbsp;</div>
                                <div class="entry">
                                    <p>El Gimnasio Extremo permitió el desarrollo de GymSoft, con el propósito de brindar una herramienta tecnologíca a este, la cual sirve para mejorar los diferentes procesos que se realizan.</p>

                                </div>
                            </div>



                            <div style="clear: both;">&nbsp;</div>
                        </div>
                        <!-- end #content -->
                        <div id="sidebar">
                            <ul>
                                <li>                      

                                    <div style="clear: both;">&nbsp;</div>
                                </li>
                                <li>
                                    <h2>Nuestro Gimmasio</h2>
                                    <p>Este software se construyó, implementó y diseñó  para cumplir con las necesidades del  Gimnasio Extremo.</p>
                                </li>
                                <li>
                                    <h2>DESARROLLADORES</h2>
                                    <ul>

                                        <li>Didier Correa Londoño</li>

                                        <li>Deisy Yuliana Flórez Carmona</li>

                                        <li>Daniel Botero Londoño</li>
                                    </ul>
                                </li>
                                <li>
                                    <h2>Objetivos</h2>
                                    <ul>
                                        <li>	Brindar información oportuna de las clases y rutinas del Gimnasio para garantizar un recorrido óptimo por las exhibiciones</li>
                                        <li>	Brindar seguridad en la información para el proceso y almacenamiento de datos.</li>
                                        <li>	Facilitar la interacción con el usuario</li>
                                        <li>	Generar entorno agradable y creativo en la aplicación</li>
                                        <li>	Optimizar recursos humano y tiempo</li>

                                    </ul>
                                </li>

                            </ul>
                        </div>
                        <!-- end #sidebar -->
                        <div style="clear: both;">&nbsp;</div>
                    </div>
                </div>
            </div>
            <!-- end #page -->
        </div>
        <!-- end #footer -->
    </body>
</html>
